<div id="header">
    <div class="navbar-default header hidden-xs">
        <div class="container nav_top">
            <div aria-expanded="false" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
                <span class="icon-bar"></span>
            </div>
            <div class="collapse navbar-collapse ">
                <ul class="navbar-text navbar-right nav hidden-xs">
                    <li class="j_hoverBox">
                        <a href="javascript:void(0);" class="j_hoverTitle"><i><img src="/static/images/top_icons2.png" width="12" height="12" alt="Follow"/></i>Follow</a>
                        <div class="bar-item-cont bar-item-weixin j_hoverCont">
                            <!--<img src="/static/images/qrcode.png" style="width:100px"><span>Follow Horse</span>-->
                        </div>
                    </li>
                    <li class="lan_wrap">
                        <a href="javascript:void(0);" class="languages" data-action="lanToogle" data-target=".languagein"><i><img src="/static/images/top_icons3.png" width="12" height="12" alt=""/></i>Language: English</a>
                        <div class="lan">
                            <div class="languagein">
                                <p class="pb15 mb30">Select language</p>
                                <ul class="list-unstyled">
                                    <li><a href="https://es.horseen.com/">Español</a></li>
                                    <li><a href="https://www.horseen.com/">English</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>

                </ul>
                <ul class="nav navbar-nav navbar-left">
                    <li class="splitter"><a href="/">Home</a></li>
                    <li class="yewu">
                        <a href="javascript:void(0);">Business</a>
                        <ol>
                            <li><a href="<{php}> echo $query->U('index/business/agent',true);<{/php}>">About us</a></li>
                            <li  ><a href="<{php}> echo $query->U('index/service/network',true);<{/php}>">Agent</a></li>
                        </ol>
                    </li>
                    <{php}>$sysProductCats = $query->getProductCat('sys')<{/php}>
                    <li id="sb_gjj" <{if condition="(strpos($path,'product') neq false)"}> class="active"<{/if}>  ><a href="<{php}> echo $query->U('index/product/syscat',true);<{/php}>">Product</a>
                        <ol id="sb_gjj_s">
                            <{volist name="sysProductCats" id="item"}>
                            <li><a href="<{php}> echo $query->U('index/product/syslist/id/'.$item['id'],true);<{/php}>"><{$item.name}></a></li>
                            <{/volist}>

                        </ol>
                    </li>

                    <li <{if condition="(strpos($path,'post') neq false)"}> class="active"<{/if}> ><a href="<{php}> echo $query->U('index/post/index/id/4',true);<{/php}>">Brand</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row subnav">
            <div class="col-md-4 col-sm-4 logo">
                <div class="navbar-brand">
                    <a href="/"><img src="/static/images/logo.jpg" width="277" height="60" alt="SBM" class="img-responsive center-block hidden-xs"/><img src="/static/images/logo2.png" width="66" height="26" alt="" style="width:11rem;height:4rem;" class="img-responsive visible-xs"/></a>
                </div>
            </div>
            <div class="col-md-7 col-sm-8 col-md-offset-1 col-sm-offset-0" role="navigation">
                <div class="sidebar-wrapper">
                    <i class="icon-toggle"></i>
                    <div class="sidebar hidden-lg hidden-md hidden-sm">
                        <div class="sidebar-title">
                            <i class="left-arrow-icon"></i>
                        </div>
                        <div class="sidebar-content">
                            <ul class="sidebar-menu list-unstyled">
                                <li class="navbar-icon home-icon"><a href="/">Home</a></li>
                                <li><a href="<{php}>echo $query->U('index/solution/index',true);<{/php}>">Solution</a></li>
                                <li class="navbar-icon business-icon"><a href="javascript:;">Business</a>
                                    <ul class="list-unstyled sidebar-sub-menu">
                                        <li><a href="<{php}> echo $query->U('index/business/agent',true);<{/php}>">About us</a></li>
                                        <li  ><a href="<{php}> echo $query->U('index/service/network',true);<{/php}>">Agent</a></li>
                                    </ul>
                                </li>
                                <li class="navbar-icon product-icon"><a href="<{php}> echo $query->U('index/product/syscat',true);<{/php}>">Product</a></li>
                                <li class="navbar-icon case-icon"><a href="<{php}> echo $query->U('index/customer_case/index',true);<{/php}>">Case</a>
                                    <ul class="list-unstyled sidebar-sub-menu">
                                        <!--<li><a href="/business/aggregate/case/">Aggregate</a></li>
                                        <li><a href="/business/mill/case/">Grinding</a></li>
                                        <li><a href="/business/mine/case/">Mining</a></li>-->
                                    </ul>
                                </li>
                                <li class="navbar-icon service-icon"><a href="javascript:;">Service</a>
                                    <ul class="list-unstyled sidebar-sub-menu">
                                        <!--<li><a href="/index/service/index">Service</a></li>-->
                                        <li><a href="<{php}> echo $query->U('index/service/assurance',true);<{/php}>">Assurance</a></li>
                                        <!--<li><a href="/index/service/coverage">Coverage</a></li>-->
                                        <li><a href="<{php}> echo $query->U('index/service/network',true);<{/php}>">Network</a></li>
                                        <!--<li><a href="/products/service/peijianfuwu.html">Parts</a></li>-->
                                        <li><a href="<{php}> echo $query->U('index/service/considerations',true);<{/php}>">Considerations</a></li>


                                    </ul>
                                </li>
                                <li class="navbar-icon brand-icon"><a href="javascript:;">Brand</a>
                                    <ul class="list-unstyled sidebar-sub-menu">
                                        <li><a href="<{php}> echo $query->U('index/post/index/id/4',true);<{/php}>">Media</a></li>
                                        <li><a href="javascript:;">Responsibility</a></li>
                                        <li><a href="<{php}> echo $query->U('index/about/index',true);<{/php}>">About</a></li>
                                        <!--<li><a href="/index/contact/index">Contact Us</a></li>-->
                                    </ul>
                                </li>
                                <li class="pr0"><a href="<{php}> echo $query->U('index/contact/index',true);<{/php}>">Contact</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="collapse navbar-collapse navbar-inverse col-text">
                    <div class="row">
                        <ul class="nav navbar-nav col-md-10 col-sm-12 topMenu j_hide">
                            <li class=""><a href="<{php}> echo $query->U('index/solution/index',true);<{/php}>">Solution</a></li>
                            <li class="pro_btn"><a href="<{php}> echo $query->U('index/product/index',true);<{/php}>">Product</a></li>
                            <li class=""><a href="<{php}> echo $query->U('index/customer_case/index',true);<{/php}>">Case</a></li>
                            <li class="nav_hovers">
                                <a href="<{php}> echo $query->U('index/service/index',true);<{/php}>">Service</a>
                                <div class="popup">
                                    <ol class="width56">
                                        <li><a href="<{php}> echo $query->U('index/service/assurance',true);<{/php}>">Assurance</a></li>
                                        <!--<li><a href="/index/service/coverage">Coverage</a></li>-->
                                        <li><a href="<{php}> echo $query->U('index/service/network',true);<{/php}>">Network</a></li>
                                        <li><a href="<{php}> echo $query->U('index/service/considerations',true);<{/php}>">Considerations</a></li>
                                    </ol>
                                </div>
                            </li>
                            <li class="pr0"><a href="<{php}> echo $query->U('index/contact/index',true);<{/php}>">Contact</a></li>
                        </ul>
                        <div class="col-md-2 col-sm-12 hidden-sm hidden-xs">
                            <div class="pull-right toolbox">
                                <div class="inquiry">
                                    <a href="javascript:;"> <img src="/static/images/inquiry.png" alt="contact" style="width:40px;height:29px;" /> </a>
                                    <div class="inquiryCon">
                                        <ul>
                                            <li>
                                                <p>
                                                    Service hotline:
                                                </p>
                                                <p>
                                                    +86-21-56505428-810
                                                </p>
                                            </li>
                                            <li><a  href="https://dut.zoosnet.net/LR/Chatpre.aspx?id=DUT58172512&lng=en" target="_blank">Inquiry</a></li>
                                            <li><a href="<{php}> echo $query->U('index/index/messages',true);<{/php}>" >Feedback</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="search_box">
                                    <a href="javascript:void(0);">
                                        <img src="/static/images/search.png" alt="search" />
                                    </a>
                                    <div class="search-expand">
                                        <form method="post" name="search_js1" class="searchform themeform" action="/index/search/index" target="_blank" _lpchecked="1">
                                            <input type="hidden" name="s" value="5164884790748519420">
                                            <input type="text" class="search input" name="q" onfocus="value=''" onblur="value='Search'" value="Search">
                                            <button type="submit" class="tip-bottom" title="Search">
                                                <i class="icon-search"></i>
                                            </button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="pro_list_wrap hide">
    <div class="container">
        <div id="pro-li" class="row">
            <{php}>$funProductCats = $query->getProductCat('fun');<{/php}>
            <{volist name="funProductCats" id="item"}>
            <div  class="col-xs-12 col-md-3">
                <h3 style="font-size:14px;padding-left:15px;font-weight:bold;"><{$item.name}></h3>
                <{if condition="(!empty($item.sub))"}>
                    <{volist name="$item.sub" id="i"}>
                    <li><a href="<{php}> echo $query->U('index/product/funProductList/id/'.$i['id'],true);<{/php}>"><{$i.name}></a></li>
                    <{/volist}>
                <{/if}>
            </div>
            <{/volist}>
        </div>
    </div>
</div>



<script type="text/javascript">
    $(document).ready(function() {
        $('#sb_gjj').hover(function() {
            $('ol', this).slideDown(200);
            $(this).children('a:first').addClass("hov");
        }, function() {
            $('ol', this).slideUp(100);
            $(this).children('a:first').removeClass("hov");
        });
    });
</script>

<style>
    body{font-family: "Microsoft YaHei", "微软雅黑";}
</style>